/*
	FONTS
*/

@import url('https://fonts.googleapis.com/css?family=Mada:300,400,900');




/*
	GENERAL
*/

/* General */

body
{
	margin:0 4%;
	width:92%;
	color:#252525;
	font-family:'Mada',sans-serif;
	font-size:14pt;
	font-weight:400;
}

div.content
{
	position:relative;
	top:120px;
}




/*
	HEADER
*/


/* Logo */

div.logo
{
	position:fixed;
	top:0;
	left:0;
	margin:0;
	padding:5px;
	height:100px;
	width:100%;
	text-align:center;
	background-color:#252525;
	box-sizing:border-box;
}

img.logo
{
	margin:auto;
	height:90px;
}


/* Menu */

ul.menu
{
	display:none; /* MIDLERTIDIG SHIT */
	position:fixed;
	top:96px;
	left:0;
	margin:0;
	padding:0;
	width:100%;
	font-family:Lato,sans-serif;
	font-size:14pt;
	font-weight:300;
	text-align:center;
	background-color:#424242;
	list-style-type:none;
}

li.menu
{
	display:inline-block;
	margin:12px 0;
	padding:6px 24px;
}

li.menu:not(.last)
{
	border-right:2px solid #FFF;
}

a.menu
{
	color:#FFFFFF;
	text-decoration:none;
	-webkit-transition:color 0.2s;
	-moz-transition:color 0.2s;
	-o-transition:color 0.2s;
	transition:color 0.2s;
}

a.menu:hover, a.menu:active
{
	color:#C1C1C1;
}




/*
	PAGES
*/


/* Login */

div.loginBg
{
	position:fixed;
	top:0;
	left:0;
	bottom:0;
	right:0;
	height:100%;
	width:100%;
	background-color:#252525;
	z-index:100;
}

.login
{
	display:table;
	position:fixed;
	top:0;
	left:0;
	right:0;
	bottom:0;
	margin:auto;
	box-sizing:border-box;
	z-index:1000;
}

img.loginLogo
{
	position:fixed;
	top:50%;
	left:50%;
	height:0%;
	opacity:0;
	z-index:10000;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(-50%);
}

div.login
{
	display:table;
	bottom:-75px;
	height:auto;
	max-height:100%;
	width:80%;
	max-width:640px;
	box-sizing: border-box;
}

.login input
{
	display:block;
	font-family:'Mada',sans-serif;
	opacity:0;
}

.login input:not([type=submit])
{
	display:block;
	position:relative;
	top:980px;
	margin:0px auto;
	padding:12px;
	padding-left: 74px;
	width:100%;
	color:#FFFFFF;
	font-size:24pt;
	font-weight:400;
	text-align:left;
	background-color:transparent;
	border:3px solid #B3B3B3;
	border-radius: 1000px !important;
	box-sizing: border-box;
	z-index:100;
}

.login input[type=submit]
{
	display:block;
	position:relative;
	top:-6px;
	margin:16px auto;
	padding:12px;
	width:40%;
	max-width:320px;
	color:#252525;
	font-size:20pt;
	font-weight:400;
	text-transform:uppercase;
	text-align:center;
	background-color:#FFFFFF;
	border:0px !important;
	border-radius:1000px !important;
	box-sizing: border-box;
	cursor:pointer;
	opacity:0;
	-webkit-transition:background-color 0.3s;
	-moz-transition:background-color 0.3s;
	-o-transition:background-color 0.3s;
	transition:background-color 0.3s;
}

.login input[type=submit]:hover {
	background-color: #B3B3B3;
}

label
{
	display:block;
	float:left;
	position:relative;
	top:1049px;
	left:6px;
	height:0px;
	width:0px;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	opacity:0;
	z-index:1000;
}

label.user {
	background-image: url(http://virally.no/cashy/assets/img/system/icons/user.png);
}

label.password {
	background-image: url(http://virally.no/cashy/assets/img/system/icons/password.png);
}



#formFeedback
{
	position:fixed;
	top:-120px;
	left:50%;
	padding:24px 48px;
	height:140px;
	max-width:300px;
	font-family:'Mada',sans-serif;
	font-size:18pt;
	font-weight:500;
	text-align:center;
	background-color:rgba(230,230,230,0.9);
	border-radius: 0 0 16px 16px;
	opacity:0;
	z-index:10000;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(-50%);
}
